<template>
   <div>
       <div>
          {{num}}
          <button @click="num++">+</button>
       </div>
   </div>
</template>

<script>
/*
  watch的语法有两种写法
  第1种写法：简写形式
  watch:{
    监听数据(变化后的值,变化之前的值){
    }
  }
  第2种写法:标准写法
  watch:{
    监听数据:{
      handler(变化后的值,变化之前的值){

      }
    }
  }
*/
export default {
  data(){
    return{
      num:0
    }
  },
  watch:{
    num:{
      handler(newval,oldval){
        console.log(newval,oldval);
      },
      immediate:true
    }
    /*
     简写形式
    num(newval,oldval){
      console.log(newval,oldval);
    }
    */
  }
}
</script>

<style>

</style>